<template>
  <div>
    <h2>HOME</h2>
    <div>
      <!-- <router-link to="/home/music/1/3mian">字符串写法-华语</router-link><br>
    <router-link to="/home/music/2/2mian">字符串写法-英语</router-link><br>
    <router-link to="/home/music/3/1mian">字符串写法-欧语</router-link><br> -->
      <router-link :to="{ name: 'music', params: { id: 1, time: '3' } }"
        >对象写法-华语</router-link
      ><br />
      <router-link :to="{ name: 'music', params: { id: 2, time: '2' } }"
        >对象写法-英语</router-link
      ><br />
      <router-link :to="{ name: 'music', params: { id: 3, time: '1' } }"
        >对象写法-欧语</router-link
      ><br />
      <router-link
        :to="{ name: 'music', params: { id: 'undefined', time: 'undefined' } }"
        >name写法</router-link
      ><br />
      <!-- <router-link to="/home/news">字符串-news</router-link> -->
      <router-link :to="{ name: 'news' }">对象-news</router-link><br />
      <!-- 字符串传query -->
      <!-- <router-link to="/home/games?title=key社三部曲&version=2005">对象-games</router-link> -->
      <!-- 对象传query -->
      <router-link
        :to="{
          name: 'games',
          query: { title: 'key社三部曲', version: '2005' },
          meta:{favorite:'我永远喜欢真红',gal:'五彩斑斓的世界'}
        }"
        >对象-key社games</router-link
      ><br />
      <router-link
        :to="{
          name: 'games',
          query: { title: '色色鸟三部曲', version: '2015' },
        }"
        >对象-F社games</router-link
      >
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>